body.bg{
    background: url("../image/main/bg.jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#footer{
    min-width: 1060px;
    height: 20px;
    width: 100%;
    text-align: center;
    color: rgba(255, 255, 255, 0.25);
}
#footer ul {
    margin:0 auto;
    display: inline-block;
    clear:both;
}
#footer li {
    display: inline;
    margin: 0 3px;
}


#content-layout{
    margin:0 auto;
    clear:both;
    height:85%;
}
#left{
    float:left;
    height:100%;
    width:20%;
}
#middle{
    float:left;
    height:100%;
    width:40%;
}
#right{
    float:left;
    height:100%;
    width:40%;
}

/* registration and login box */
#log_reg_wrapper{
    width: 300px;
    margin-top: 40px;
}
#log_box{
    background: -moz-linear-gradient(center top , #FFFFFF 0px, #DDDDDD 100%) repeat scroll 0 0 transparent;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF),to(#DDDDDD));
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    margin:0 auto;
    overflow: hidden;
    clear:both;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 30px;
    
}
.reg_box{
    background: -moz-linear-gradient(center top , #FFFFFF 0px, #DDDDDD 100%) repeat scroll 0 0 transparent;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF),to(#DDDDDD));
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    margin:0 auto;
    overflow: hidden;
    clear:both;
    border-radius: 4px 4px 4px 4px;
}

/* Daftar Text */
.reg_box h2{
    border-bottom: 1px solid #E2E2E2;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #777777;
    display: block;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 12px;
    padding-left: 15px;
    padding-bottom: 5px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    text-align: left;
}

/* login form */
#username{  
    width:270px;  
    padding-left:5px;  
    outline:none;  
    height:30px;
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 3px;
}
#password_login{  
    width:200px;  
    padding-left:5px;  
    outline:none;  
    height:30px;
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 3px;
}
#login_submit{  
    width:65px; 
    height:30px;
    background-color: #019AD2;
    background-image: -moz-linear-gradient(#33BCEF, #019AD2);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#33BCEF),to(#abe6fc));
    background-repeat: repeat-x;
    border-color: #057ED0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#form_login{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}


/* registration form */
#form_reg{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#name{
    width:270px;  
    padding-left:5px;  
    outline:none;  
    height:30px;
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 3px;
}
#major{
    width:195px;  
    padding-left:5px;  
    outline:none;  
    height:30px;
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 3px;
}
#entranceyear{
    width:70px;  
    padding-left:5px;  
    outline:none;  
    height:30px;
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 3px;
}
#email{
    width:270px;  
    padding-left:5px;  
    outline:none;  
    height:30px;
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 3px;
}
#password_reg{  
    width:270px;  
    padding-left:5px;  
    outline:none;  
    height:30px;
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 3px;
}
#reg_submit{  
    width:170px; 
    height:30px;
    background-color: #FD9A0F;
    background-image: -moz-linear-gradient(center top , #FEE94F 0px, #FD9A0F 100%);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FEE94F),to(#FD9A0F));
    background-repeat: repeat-x;
    border-color: #FFAA22;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* flying text */
.container{
    width:100%;
    padding-top:80%;
    color:#FFF;
    overflow:hidden;
    text-align: left;
}

.flying-text{
    font-size: 20px;
    font-family: sans-serif;
    font-style: italic;
    margin-left: 0px;
}